<template>
  <div>
    <div class="container pt-5 pb-5">
      <div class="row teacher-box mb-5">
        <div class="col-md-3 col-sm-6 mb-5" v-for="(item, i) in teachers" :key="i" @click="more(i)">
          <img :src="item.img" class="img-responsive w-100" alt />
          <div class="col-md-10 p-3">
            <p class="fs-18">{{item.name}}</p>
            <div class="fs-14">擅长领域：{{item.field}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      teachers: [
        {
          name: "傅博杰",
          field: "影视戏剧表演 动漫声优训练",
          img: require("../assets/images/image1.jpg"),
          explain: '北京电影学院表演专业硕士，中国社会艺术协会理事，辽宁戏剧家协会会员，辽宁朗诵艺术 协会理事，国际动漫声优大赛优秀指导教师。'
        },
        {
          name: "郭丹丹",
          field: "播音与主持",
          img: require("../assets/images/image2.png"),
          explain: '辽宁卫视都市晚会主持人，京东&三星5G战略签约仪式主持人，丰田中国2019全年巡展主持人，CSGO英特尔极限大师挑战赛主持人，BMW冰雪试驾体验营开营主持人，彭于晏 《邪不压正》高校点映主持人，王者荣耀游戏 ·冠名全国电竞赛主持人。'
        },
        {
          name: "李勇志",
          field: "短视频制作 微电影 导演",
          img: require("../assets/images/image3.png"),
          explain: '中央电视台《找到你》节目特约剪辑师，中央电视台《年味总动员》首席后期师，中央电视台户外探险节目组后期负责人，《那年今日》电影总导演，《四季寻鲜》纪录片总导演，沈阳影视家协会成员，沈阳抖音短视频创作特约讲师。'
        },
        {
          name: "杜晓虎",
          field: "图片拍摄 短视频剪辑",
          img: require("../assets/images/image4.png"),
          explain: '中央电视台《中华之光》节目摄像师，阿里巴巴“云栖大会”主场摄像师，北京“香山论坛大会”主场摄像师，重庆中新金融峰会主场摄像师，微电影《一生有你》导演，沈阳“一佳摄影”创始人。'
        },
        {
          name: "原瑞瑞",
          field: "视频后期制作 视频剪辑",
          img: require("../assets/images/image5.png"),
          explain: '中央电视台《年味总动员》节目剪辑师，北京海蓝之谜影视广告后期主管，青岛啤酒鲜活宝贝大型综艺节目剪辑师，沈阳一佳摄影创始人，沈阳影视家协会成员，新浪微博短视频创作讲师，沈阳微信自媒体运营讲师。'
        },
        {
          name: "李涵",
          field: "歌剧演唱 民族演唱",
          img: require("../assets/images/image6.jpg"),
          explain: '沈阳音乐家协会常务副秘书长，沈阳市文化艺术馆合唱团导师，中央电视台声乐大赛优秀艺术家，沈阳市委宣传部专场音乐会领唱，音乐之声大型歌剧现场评审专家。'
        },
        {
          name: "金上博泽",
          field: "动漫配音  声优技能训练",
          img: require("../assets/images/image7.jpg"),
          explain: '吉林艺术学院配音专业，国家艺术基金儿童剧优秀表演人才第十二届中国国际动漫节优秀奖，第十三届中国国际动漫节优秀奖，第十四届中国国际动漫节优秀奖，第十五届中国国际动漫节三等奖。'
        },
        {
          name: "姜雨朦",
          field: "舞蹈编导 形体塑造",
          img: require("../assets/images/image8.jpg"),
          explain: '北京舞蹈学院芭蕾舞表演教育专业，曾参演北京奥运会闭幕式，北京国际芭蕾舞节《天鹅湖》，为多部影视剧做舞蹈编导及舞蹈指导，原沈阳市艺术学校芭蕾舞教师，原沈阳师范大学附属艺术学校芭蕾舞教师。'
        },
        {
          name: "杨迪",
          field: "播音主持  活动策划",
          img: require("../assets/images/image9.jpg"),
          explain: '中国传媒大学播音主持专业硕士，辽宁卫视著名主持人，SMG 集团百事通 NBA 解说主持人原北京人民广播电台交通频率主播。'
        },
        {
          name: "佟雪飞",
          field: "沙画创作   会展策划",
          img: require("../assets/images/image10.png"),
          explain: '著名沙画作家，沙雅沙画创始人 ，辽宁电视台合作沙画师，高级沙画视频教程编著作者，辽宁卫视新年欢唱会沙画师，辽宁电视台元旦晚会沙画师。'
        },
        {
          name: "王贺冬",
          field: "网红IP设计与包装 创意文案与营销策划",
          img: require("../assets/images/image11.png"),
          explain: '中国传媒大学 广播电视编导专业，中国央视网资深媒体人，腾讯网体育栏目编辑，CCTV首届网络春晚栏目策划，网络新媒体栏目IP设计与策划导师。'
        },
        {
          name: "毕硕",
          field: "新媒体矩阵营销 品牌设计与包装",
          img: require("../assets/images/image12.png"),
          explain: '“新媒体+矩阵营销”联合创始人N+A服饰新媒体宣传推广总策划，康师傅经典奶茶品牌形象策划，展志天华线上品牌形象设计，启达传媒新媒体营销总监。'
        },
        {
          name: "冯阔",
          field: "服务礼仪、商务英语",
          img: require("../assets/images/image13.jpg"),
          explain: '英国牛津布鲁克斯大学博士（酒店管理）约旦皇家航空头等舱空乘，阿联酋航空明星空乘，中国科学研究院高级培训顾问，辽宁广播电台长期合作嘉宾主持，国际认证WSET一级葡萄酒品鉴师。'
        },
        {
          name: "吕晓萌",
          field: "国际研学策划、高级会展管理",
          img: require("../assets/images/image14.jpg"),
          explain: '英国萨里大学硕士（旅游管理），韩国启明大学管理学博士，资深国际连锁酒店高级管理者，知名旅游集团联合创始人 ，旅行社国际游学/研学部主管。'
        },
        {
          name: "王姝晴",
          field: "酒店网红活动策划、红酒品鉴",
          img: require("../assets/images/image15.png"),
          explain: '英国伯明翰大学硕士（旅游与酒店管理），国际知名酒店市场部主管，国际连锁酒店项目筹建经理，WSET二级葡萄酒品鉴师，国际认证中级调酒师。'
        },
        {
          name: "林荫",
          field: "商务日本语 日语口语沟通",
          img: require("../assets/images/image16.png"),
          explain: '日本同志社大学商学研究科硕士，东北大学外国语学院日语优秀教师，辽宁省精品课《高级日语》主讲成员，中日交流协会中方签约高级翻译官。'
        },
        {
          name: "牧绘莉香",
          field: "旅游日本语 酒店接待日本语",
          img: require("../assets/images/image17.png"),
          explain: '日本驻沈阳高级外教讲师，日本国际语言学校高级教师，日语精品课《大家日本语》主讲成员，中日交流协会日方签约高级翻译官。'
        },
      ]
    };
  },
  methods: {
    more(i) {
      this.$router.push({
        name: "TeacherDetail",
        query: { id: i }
      });
    }
  }
};
</script>

<style lang="scss">
@media screen and (max-width: 768px) {
  .teacher-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    img {
      height: 11.4375rem;
    }
    .col-sm-6 {
      width: 50% !important;
      margin-bottom: 1.25rem;
    }
  }
}

.teacher-box {
  .col-md-3 {
    cursor: pointer;
  }
}
</style>